<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/auth/templates/template.xhtml">
	<ui:define name="pageTitle">Incluir Compra A Vista</ui:define>
	<ui:define name="body">
		<f:view>
			<p:growl id="messages" autoUpdate="true" closable="true"
				showDetail="true" />

			<h:form id="form">

				<h:panelGrid cellspacing="10px" styleClass="center">
					<f:facet name="header">Incluir Compra A Vista</f:facet>

					<p:focus context="buscaPanel" />
					<h:panelGrid id="buscaPanel" columns="3" cellspacing="10px">
						<p:outputLabel value="Código Item em Estoque:" />
						<p:inputText value="#{compraVSBean.idProduto}" autocomplete="off" />
						<p:commandButton
							action="#{compraVSBean.selecionarProdutoEmEstoque()}"
							icon="ui-icon-search" title="Buscar"
							oncomplete="PF('itemCompraDialog').show(); return false;"
							update=":form:itemCompraDlg" />
					</h:panelGrid>

					<h:panelGrid id="dadosCompraPanel" cellspacing="10px">
						<h:panelGrid columns="2" cellspacing="10px">
							<p:outputLabel for="txtForncedor" value="Fornecedor" />
							<p:inputText id="txtForncedor"
								value="#{compraVSBean.compra.fornecedor}" />
							<p:outputLabel value="Desconto" />
							<f:ajax event="keyup" render="valorTotalCompra">
								<p:inputText value="#{compraVSBean.compra.desconto}">
									<f:convertNumber minFractionDigits="2" />
								</p:inputText>
							</f:ajax>
							<h:outputLabel value="Valor Total" />
							<h:outputText id="valorTotalCompra"
								value="#{compraVSBean.compra.valor}">
								<f:convertNumber currencyCode="BRL" type="currency"
									minFractionDigits="2" />
							</h:outputText>
						</h:panelGrid>
						<p:dataTable id="tabelaItensCompra"
							value="#{compraVSBean.compra.itensCompra}" var="itemCompra"
							style="width:auto; text-align:center;"
							emptyMessage="Não existem registros para esta tabela">

							<p:column headerText="Produto">
								<h:outputText
									value="#{itemCompra.itemEstoque.produto.categoria.nome} #{itemCompra.itemEstoque.produto.descricao}" />
							</p:column>
							<p:column headerText="Preço Compra">
								<h:outputText value="#{itemCompra.preco}">
									<f:convertNumber currencyCode="BRL" type="currency"
										minFractionDigits="3" />
								</h:outputText>
							</p:column>
							<p:column headerText="Preço Custo">
								<h:outputText value="#{itemCompra.custo}">
									<f:convertNumber currencyCode="BRL" type="currency"
										minFractionDigits="3" />
								</h:outputText>
							</p:column>
							<p:column headerText="Lucro Unitário">
								<h:outputText value="#{itemCompra.lucro}">
									<f:convertNumber currencyCode="BRL" type="currency"
										minFractionDigits="3" />
								</h:outputText>
							</p:column>
							<p:column headerText="Quantidade">
								<h:outputText value="#{itemCompra.quantidade}" />
							</p:column>
							<p:column headerText="Ações">
								<p:commandButton update=":form" icon="ui-icon-trash"
									onclick="if(!confirm('Deseja realmente remover este item da compra?')) return false;"
									title="Remover" action="#{compraVSBean.removerItemCompra()}">
									<f:setPropertyActionListener value="#{itemCompra}"
										target="#{compraVSBean.itemCompraSelecionado}" />
								</p:commandButton>
							</p:column>
						</p:dataTable>


						<p:commandButton action="#{compraVSBean.incluirCompraAVista()}"
							value="Enviar" update=":form:dadosCompraPanel, :form :messages"
							icon="ui-icon-check" />
					</h:panelGrid>
				</h:panelGrid>

				<p:dialog header="Incluir Item na Compra"
					widgetVar="itemCompraDialog" resizable="false" id="itemCompraDlg"
					showEffect="fade" width="500">

					<h:outputText
						value="Produto não encontrado, verifique o código do produto"
						rendered="#{empty compraVSBean.itemCompraSelecionado.itemEstoque.idItemEstoque}" />

					<h:panelGrid id="itemCompraPanel" cellspacing="10px"
						rendered="#{not empty compraVSBean.itemCompraSelecionado.itemEstoque.idItemEstoque}">
						<h:panelGrid id="itemCompraGrid" columns="2" cellspacing="10px">

							<h:outputText value="Produto" />
							<h:outputText
								value="#{compraVSBean.itemCompraSelecionado.itemEstoque.produto.categoria.nome}  #{compraVSBean.itemCompraSelecionado.itemEstoque.produto.descricao}" />


							<f:ajax event="keyup"
								listener="#{compraVSBean.calculaPrecoUnitario()}"
								render="precoUnitario precoVendaMinimo">

								<h:outputText value="Valor Total" />
								<p:inputText value="#{compraVSBean.valorTotal}"
									onfocus="if(this.value=='0,000') {this.value=''}"
									autocomplete="off">
									<f:convertNumber minFractionDigits="3" />
								</p:inputText>

								<p:outputLabel
									value="Quantidade (#{compraVSBean.itemCompraSelecionado.itemEstoque.produto.unidade})"
									for="quantidade" />
								<p:inputText id="quantidade" value="#{compraVSBean.quantidade}"
									onfocus="if((this.value=='1')||(this.value=='0')) {this.value=''}"
									autocomplete="off" />

								<h:outputLabel for="precoUnitario" value="Preço Unitário" />
								<h:outputText id="precoUnitario"
									value="#{compraVSBean.precoUnitario}">
									<f:convertNumber currencyCode="BRL" type="currency"
										minFractionDigits="3" />
								</h:outputText>

								<h:outputText value="Preço de Venda Mínimo" />
								<h:outputText id="precoVendaMinimo"
									value="#{compraVSBean.precoCusto}">
									<f:convertNumber currencyCode="BRL" type="currency"
										minFractionDigits="3" />
								</h:outputText>

							</f:ajax>

							<h:outputText value="Preço Venda" />
							<p:inputText value="#{compraVSBean.precoVenda}"
								onfocus="if(this.value=='0,000') {this.value=''}"
								autocomplete="off">
								<f:convertNumber minFractionDigits="3" />
							</p:inputText>

							<h:outputText value="Data Vencimento" />
							<p:calendar
								value="#{compraVSBean.itemCompraSelecionado.vencimento.time}"
								navigator="true" display="inline" pattern="dd/MM/yyyy">
								<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
							</p:calendar>

						</h:panelGrid>

						<p:commandButton value="Adicionar a Lista"
							icon="ui-icon-circle-plus" update=":form:dadosCompraPanel, :form"
							oncomplete="PF('itemCompraDialog').hide(); return false;"
							action="#{compraVSBean.incluirItemCompra()}" />

					</h:panelGrid>
				</p:dialog>
			</h:form>
		</f:view>
	</ui:define>
</ui:composition>

</html>